@import "../../assets/style/common.less";

.pages-rating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../assets/image/rating/rating_bg.png") no-repeat;
  background-size: 100% 100%;

  &--title {
    position: absolute;
    left: 870px;
    top: 15px;
    color: white;
    font-size: 36px;
  }

  &--top {
    .page-top;
  }

  &--ltop {
    position: absolute;
    left: 80px;
    top: 190px;
    width: 520px;
    height: 330px;

    &__right-run {
      position: absolute;
      top: -32px;
      left: 10px;
    }
  }

  &--rtop {
    position: absolute;
    right: 60px;
    top: 170px;
    width: 1170px;
    height: 390px;

    &__right-run {
      position: absolute;
      top: -26px;
      left: 55px;
    }
  }

  &--bottom {
    position: absolute;
    left: 70px;
    bottom: 40px;
    width: 1780px;
    height: 420px;

    &__line-dance {
      position: absolute;
      top: -50px;
      left: 300px;
    }
    &__right-run {
      position: absolute;
      top: -35px;
      left: 18px;
    }

    &__cut-3d {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      .display-flex(row);
      flex-wrap: wrap;
    }
  }
}